<template>
  <!-- 服务热线弹框页面 -->
  <div class="chosen">
    <el-dialog
      :visible.sync="changeChosen"
      width="30%"
      center
      style="text-agin:content"
    >
      <span>
        <i class="iconfont icontoptenbands_icon_dianhua" />
        <p>联系我们 &nbsp;&nbsp;400-966-85632
        </p>
      </span>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="changeChosen = false">好的</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'Hotline',
  data() {
    return {
      changeChosen: false
    }
  },
  methods: {
    showHotline() {
      this.changeChosen = true
    }
  }
}
</script>

<style lang='scss' scoped>

.chosen{
  span{
    width: 100%;
    text-align: center
  }
  i{
    width: 100%;
    margin-left: 40%;
    font-size: 70px;
    color: #000000;
  }
  p{
    margin-top: 40px;
    font-size:22px;
    line-height:42px;
    color:rgba(51,51,51,1);
  }
  .el-button{
    width:192px;
    height:42px;
    background:rgba(65,122,239,1);
    border-radius:4px;
  }

}

</style>
